<template>
  <GlobalHeader></GlobalHeader>
  <div class="main">
    <router-view></router-view>
    <!-- // 注意key如果是中文,会失败 -->
    <!-- <router-view v-slot="{ Component, route }">
      <transition :name="route.meta.transition || 'fade'" :mode="route.meta.transitionMode || 'out-in'">
        <keep-alive>
          <component :is="Component" :key="route.path" />
        </keep-alive>
      </transition>
    </router-view> -->
  </div>
  <GlobalFooter></GlobalFooter>
</template>

<script setup name="globalLayout">
import GlobalHeader from '@/page/GlobalHeader.vue'
import GlobalFooter from '@/page/GlobalFooter.vue'
</script>

<style lang="less" scoped>
.main {
  flex: 1;
  min-height: 0;
  background-color: #f7f8f9;
}
</style>
